<template>
	<view style="flex-direction: column; flex: 1;">
		<view class="">
			<view style="flex-direction: column; flex: 1;">
				<view style="height: 750upx;">
					<image src="http://via.placeholder.com/750x750" mode="" style="width: 100%; height: 100%;"></image>
				</view>
				<view style="padding-top: 30upx; padding-left: 20upx; padding-right: 20upx; font-size: 30upx; font-weight: bold;">
					启蒙积木小汽车小飞机组合套装儿童益智拼装积木玩具10小盒展示礼盒装</view>
				<view style="padding: 20upx;">
					<view>
						<view>
							¥100
						</view>
						<view style="padding-left: 20upx;">
							2.13万人在买
						</view>
					</view>
					<view style="flex: 1; justify-content: flex-end;">
						<view>
							<button type="warn" size="mini">购买</button>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view style="background-color: #8F8F94; height: 20upx;"></view>

	</view>
</template>

<script>
	var self;
	export default {
		data: {},
		async onLoad() {
			self = this;
		}
	}
</script>

<style>
	view {

		margin: 10upx;
		border: #8F8F94 solid 1upx;

		display: flex;
		flex-direction: row;

		font-size: 28upx;
	}
</style>
